
<!-- <link rel="stylesheet" type="text/css" href="../../../public_src/css/normalize.css">
<link rel="stylesheet" type="text/css" href="../../../public_src/css/public.css">
<link rel="stylesheet" type="text/css" href="../../../css/css_modules/remark/index.css"> -->

<div class="remark jsRemark" data-id="">

  <div class="remark-container">
    <div class="label">
      <ul class="label-lists jsLabelLists">
        <!-- <li class="label-list">暴脾气</li>
        <li class="label-list">暴脾气</li>
        <li class="label-list">暴脾</li>
        <li class="label-list">暴脾气</li>
        <li class="label-list">暴脾</li>
        <li class="label-list">暴脾</li>
        <li class="label-list">暴脾气</li>
        <li class="label-list">暴脾气</li> -->
      </ul>
    </div>
    <div class="remarks">
      <ul class="remark-ul jsRemarkUl">
        <!-- <li class="remark-li">
          <h3 class="li-header s-clearfix">
            <span class="s-left">熊猫晓晓</span>
            <span class="s-right">2016-09-19 12:32</span>
          </h3>
          <p class="content">
            熊猫晓晓熊猫晓晓熊猫晓晓熊猫晓晓熊猫晓晓熊猫晓晓熊猫晓晓熊猫晓晓熊猫晓晓熊猫晓晓熊猫晓晓熊猫晓晓
          </p>
        </li>
        <li class="remark-li">
          <h3 class="li-header s-clearfix">
            <span class="s-left">熊猫晓晓</span>
            <span class="s-right">2016-09-19 12:32</span>
          </h3>
          <p class="content">
            sdgfsdf
          </p>
        </li> -->
      </ul>
    </div>
  </div>


  <div class="send-msg dp-f jsSendMsg">
    <input type="text" name="msg" class="send-input boxf-b jsSendInput">
    <button class="send-img"><input class="img-input" type="file" name="imageFile" data-event="img" accept="image/*" contenteditable="false"></button>
    <button class="label-btn send-btn jsLabelBtn" data-event="label">+标签</button>
    <button class="send-btn s-hide jsSendBtn" data-event="msg">发送</button>
  </div>
  
  <!-- 查看图片 -->
  <div id="wrapper" class="img-enlarge-bg s-hide jsEnlargeBg" data-event="close" data-target=".jsEnlargeBg">
    <div id="scroller" class="img-enlarge">
      <img class="jsEnlarge" src="../imgs/loading.gif" data-event="close" data-target=".jsEnlargeBg">
    </div>
  </div>
  <div class="no-more">
    <label>~ 没有更多了 ~</label>
  </div>
</div>
<div class="m-modal-bg s-m-modal s-hide" id="fail" data-xm-closetar="1">
  <div class="m-modal-container">
    <div class="m-modal-row">
      <div class="m-modal-body">
        <div class="m-modal-header">
          <p class="js-warn-content">发送失败，请重新发送！</p>
        </div>
        <div class="m-modal-mainn">
          <button class="js-fail confirm" data-target="#fail">知道了</button>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 标签模板 -->

<script type="text/template" id="labelTpl">
  <% for(var k in list){%>
    <li class="label-list" data-id="<%=list[k].id%>" style="border-color:<%=list[k].color%>;background-color: <%=list[k].color%>;"><%=list[k].tag%></li>
  <% } %>
</script>

<!-- 备注模板 -->

<script type="text/template" id="remarkTpl">
  <% for(var k in list){%>
    <li class="remark-li">
      <h3 class="li-header s-clearfix">
        <span class="s-left"><%=list[k].nickname%></span>
        <span class="s-right"><%=list[k].create_time%></span>
      </h3>
      <p class="content">
        <% if(list[k].type == 1){%>
        <%=list[k].content%>
        <% }else{ %>
          <img src="../imgs/loading.gif" data-url="<%=list[k].content%>" data-deferr="1" data-img="<%=list[k].content%>" data-event="enImg">
        <% } %>
      </p>
    </li>
  <% } %>
</script>